/*
 * @Author: zhangzhanyan 
 * @Date: 2021-07-20 08:05:22 
 * @Last Modified by: zhangzhnayan
 * @Last Modified time: 2021-07-21 19:28:20
 */

import mock from "../../mock/list.json"

export default function List() {
    let list = mock
    return (
        <div className="List-warp">
            <div id="List-box">
                <h2>为您推荐</h2>
                <p>
                    <span>二手房</span>
                    <span>新房</span>
                    <span>租房</span>
                </p>
            </div>
            {
                list.map((item, index) => {
                   return <div key={index}>
                        <div>
                            <img src={item.images} alt="" />
                        </div>
                        <div>
                            <p><span>必看好房</span>{item.name}</p>
                            <p>{item.address}</p>
                            <p><span>{item.money}万</span>{item.unitMoney}元/平</p>
                            <p>
                                <span>{item.one}</span>
                                <span>{item.two}</span>
                                <span>{item.three}</span>
                                <span>{item.four}</span>
                                <span>{item.five}</span>
                            </p>
                        </div>
                    </div>
                })
            }

            <div className="List-footer">
                查看全部二手房源
            </div>
        </div>
    )
}